<script setup>
import TabBar from './components/tab-bar/TabBar.vue'
import Loading from './components/loading/Loading.vue'
import { useRoute } from 'vue-router'

const route = useRoute() // 返回的 route 对象，是响应式的，可以直接在 template 中使用。
</script>

<template>
	<div class="app">
		<router-view v-slot="{ Component }">
			<keep-alive include="home">
				<component :is="Component"></component>
			</keep-alive>
		</router-view>
		<TabBar v-show="!route.meta.hiddeTabBar" />
		<Loading />
	</div>
</template>

<style scoped lang="less"></style>
